<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello MUI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="./assets/mui/css/mui.min.css">
    <link rel="stylesheet" href="./mui/examples/hello-mui/css/icons-extra.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/sort.css">
    <link rel="stylesheet" href="./css/base.css">
</head>

<body>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-icon mui-icon-search mui-pull-right" href="search.html"></a>
        <a class=" mui-action-back mui-icon mui-icon-back mui-pull-left "></a>

        <h1 class="mui-title ">乐淘云购</h1>
    </header>
    <nav class="mui-bar mui-bar-tab ">
        <a class="mui-tab-item " href="index.html ">
            <span class="mui-icon mui-icon-extra mui-icon-extra-hotel "></span>
            <span class="mui-tab-label ">首页</span>
        </a>
        <a class="mui-tab-item mui-active " href="sort.html ">
            <span class="mui-icon mui-icon-extra mui-icon-extra-class "></span>
            <span class="mui-tab-label ">分类</span>
        </a>
        <a class="mui-tab-item " href="shoppingcar.html " id="cart">
            <span class="mui-icon mui-icon-extra mui-icon-extra-cart "><span class="mui-badge "></span></span>
            <span class="mui-tab-label ">购物车</span>
        </a>
        <a class="mui-tab-item " href="login.html " id="my">
            <span class="mui-icon mui-icon-extra mui-icon-extra-heart-filled "></span>
            <span class="mui-tab-label ">会员中心</span>
        </a>
    </nav>
    <div class="mui-content mui-row mui-fullscreen ">
        <div class="mui-col-xs-3 ">
            <div id="segmentedControls " class="leftBox mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical ">
            </div>
        </div>
        <div id="segmentedControlContents " class="mui-col-xs-9 " style="border-left: 1px solid #c8c7cc; ">
            <div id="item1 " class="mui-control-content mui-active ">
                <ul class="rightBox ">

                </ul>
            </div>
        </div>
    </div>
</body>
<script type="text/html " id="leftTmp">
    {{each rows}}
    <a class="mui-control-item " href="# " cateId={{$value.id}}>{{$value.categoryName}}</a> {{/each}}
</script>
<script type="text/html " id="rightTmp">
    {{each rows}}
    <li class="mui-table-view-cell ">
        <a href="#">
            <img src="{{$value.brandLogo}} " alt=" ">
            <span>{{$value.brandName}}</span>
        </a>
    </li>
    {{/each}}
</script>
<script src="./assets/mui/js/mui.min.js "></script>
<script src="./assets/zepto/zepto.min.js "></script>
<script src="./assets/artTemplate/template-web.js "></script>
<script src="./js/common.js "></script>
<script src="./js/sort.js "></script>



</html>